<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="description" content="personal blog login page" />
		<meta name="author" content="lihongpeng" />
		<title>个人中心</title>
		<link rel="stylesheet" href="/css/plugins/personal/bootstrap.min.css" />
		<link rel="stylesheet" href="/css/plugins/personal/jianyi-style.css" />
		<!--[if lt IE 9]>
		<script src="https://cdn.bootcss.com/html5shiv/r29/html5.min.js"></script>
		<![endif]-->
	</head>

	<body>
		<div class="jy-blue">
			<div class="container header clearfix">
				<a href="/index"><img src="/img/jianyi-logo.png" class="jy-logo" /></a>
				<a href="/index">首页</a>
				<a href="#">关注</a>
				<a href="#">消息</a>
				<form action="" method="" class="form-search">
					<input type="text" name="" id="searchInput" value="" placeholder="搜索" x-webkit-speech="" x-webkit-grammar="builtin:search" lang="zh-CN">
					<a class="search-btn" href="javascript:;"><span class="mui-icon mui-icon-search"></span></a>
				</form>
				<div class="user-header">
					<div class="dropdown">
						<a id="drop1" href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
							<img src="/img/college.png" />
							<span class="caret"></span>
						</a>
						<div class="dropdown-menu" aria-labelledby="drop1">
							<a href="#" class="list-group-item">我的主页</a>
							<a href="#" class="list-group-item">收藏的文章</a>
							<a href="#" class="list-group-item">喜欢的文章</a>
							<a href="#" class="list-group-item">我的钱包</a>
							<a href="/personal/settings" class="list-group-item">设置</a>
							<a href="#" class="list-group-item">帮助与反馈</a>
							<a href="#" class="list-group-item">退出</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="container">
			<div class="col-md-8 jy-content ">
				<div class="clearfix">
					<div class="user-info">
						<img src="/img/jianyi-default.png" alt="" />
						<a href="#" class="user-name">再次</a>
						<div class="clearfix">
							<ul class="clearfix">
								<li>关注<i>0</i></li>
								<li>字数<i>0</i></li>
								<li>收藏<i>0</i></li>
								<li>文章<i>0</i></li>
								<li>粉丝<i>0</i></li>
							</ul>
						</div>
					</div>
				</div>
				<div>
					<ul class="nav nav-tabs" role="tablist">
						<li role="presentation" class="active">
							<a href="#home" aria-controls="home" role="tab" data-toggle="tab">文章</a>
						</li>
						<li role="presentation">
							<a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">动态</a>
						</li>
						<li role="presentation">
							<a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">最新评论</a>
						</li>
						<li role="presentation">
							<a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">热门</a>
						</li>
					</ul>
					<div class="tab-content">
						<div role="tabpanel" class="tab-pane active" id="home">
							<div class="jy-msg">
								<div class="jy-msg-user">
									<img src="/img/camera.png" />
									<a>username</a>
									<span>关注了作者 · 4月29 19:46</span>
								</div>
								<div class="jy-msg-card">
									<div class="jy-card-user">
										<img src="/img/camera.png" />
										<a class="card-username" href="#">白发老头</a>
										<p>写了 33646 字，被 2466 人关注，获得了 3220 个喜欢</p>
										<a class="follow-btn" href="">已关注</a>
									</div>
									<div class="jy-article">
										发如雪，眼如鹰，心如镜，文化界坊间皆呼白发老蘭。新浪名博大V,资深媒体人，跨界文人画画家。左手...
									</div>
								</div>
							</div>
						</div>
						<div role="tabpanel" class="tab-pane" id="profile">...</div>
						<div role="tabpanel" class="tab-pane" id="messages">...</div>
						<div role="tabpanel" class="tab-pane" id="settings">...</div>
					</div>
				</div>
			</div>
			<div class="col-md-4 jy-content padding">
				<div class="jy-like">
					<a href="#"><span></span>我关注的专题/文集</a>
					<a href="#"><span></span>我喜欢的文章</a>
					<p>我创建的专题</p>
					<a href="#"><span></span>创建一个新专题</a>
				</div>
			</div>
		</div>
		<footer class="container">
			<a href="">关于简易</a><i>·</i>
			<a href="">联系我们</a><i>·</i>
			<a href="">加入我们</a><i>·</i>
			<a href="">作者出书计划</a><i>·</i>
			<a href="">帮助中心</a><i>·</i>
			<a href="">合作伙伴</a>
			<div class="icp">
				©2017-2017 北京简易科技有限公司 / Tel:021-61995350 / 简易 / 京ICP备11018329号-5 / 京公网安备00000000000号
				<a target="_blank" href="#">
					<img src="" alt="Smrz">
				</a>
			</div>
		</footer>
		<script type="text/javascript" src="/js/plugins/jquery-3.1.1.min.js"></script>
		<script type="text/javascript" src="/js/plugins/personal/bootstrap.min.js"></script>
		<script type="text/javascript" src="/js/plugins/personal/back-top.js"></script>
		<script>
			(function(win, doc) {
				$().dropdown('toggle');
				var sopportTouch = "ontouchstart" in doc,
					tapStart = sopportTouch ? "touchstart" : "mousedown",
					tapEnd = sopportTouch ? "touchend" : "mouseup";
				doc.querySelector('#searchInput').addEventListener('focus', function() {
					this.parentElement.className = 'form-search-act';
				});
				doc.querySelector('#searchInput').addEventListener('blur', function() {
					this.parentElement.className = 'form-search';
				});
			})(window, document);
		</script>
	</body>

</html>